@import "../../../styles/_commonColor.scss";

.inputItem{
  display: flex;
  align-items: center;
  height: 1rem;
  background-color: white;
  padding: 0 .3rem;
  position: relative;
  div{
    font-size: 32px;
    color: $black
  }
  input{
    position: absolute;
    left: 2.7rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: normal;
    border: 0;
    outline: 0;
    width: 59%;
    //margin-top: -0.02rem;
    font-size: .32rem;
    color: $darkgray;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;  //能够防止input输入框在苹果5上显示上下不对齐
  }
}

.underLine{
 // border-bottom: 1PX solid $borderlinegray;
  &::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: .3rem;
    height: 1PX;
    content: '';
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background-color: #eee;
  }
}

.itemText{
  width: 1.79rem;
}
.deleteImg{
  width: .36rem;
  position: absolute;
  right: .36rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.icon_prompt{
  width: .36rem;
  height: .36rem;
  margin: 0 0 .02rem .08rem;
}

input::-webkit-input-placeholder { /* WebKit browsers */
  font-size:.32rem!important;
  color: $gray!important;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size:.32rem!important;
  color: $gray!important;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size:.32rem!important;
  color: $gray!important;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size:.32rem!important;
  color: $gray!important;
}